<template>
  <div class="kw-form-item" :class="config.cls">
    <div class="kw-form-item-label">
      <span>{{config.name}}</span>
      <span class="desc">{{config.desc}}</span>
    </div>
    <div class="kw-form-item-content">
      <textarea type="text" @input="handlerPropChange" :maxlength="config.maxLength" v-model="defaultValue" :placeholder="config.placeholder"></textarea>
    </div>
  </div>
</template>

<script>
import { prop } from '../mixins/prop'
export default {
  name: 'textarea-prop',
  mixins: [prop],
  props: {
    config: {
      default() {
        return {
          prop: 'prop',
          maxLength: 5000
        }
      }
    }
  }
}
</script>

<style>

</style>